import Taro, {Component} from "@tarojs/taro";
import {View, Image, Text} from "@tarojs/components";
import Report from '../../components/Report'
import PageFooterInfo from '../../components/PageFooterInfo'

import './index.less'
import './detail.less'
import icon_45 from '../../assets/img/icon_45.png'
import {getRuntime} from "../../utils/common";

// 工程人才中心-详情
class Detail extends Component {
  constructor() {
    super()
  }

  state = {
    isVip: false
  }

  componentDidMount(): void {
    Taro.setNavigationBarTitle({ title:'人才详情' })
  }

  handelRouter(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }
  
  render() {
    let { isVip } = this.state
    return (
      <View className='personnel-detail'>
        <View className='list-07-item'>
          <View className='item-title'>
            <View className='title'>
              昆明高薪招聘二级建造师
            </View>
            <View className='address'>
              <Image src={icon_45} className='icon-collection'/>
              <Text className='name-collection'>收藏</Text>
            </View>
          </View>
          <Text className='op'>面议</Text>
          <View className='item-info'>
            <View className='info'>
              <Text className='i'>发布：2019-79-79 12:12:12</Text>
            </View>
            <View className='btn-view'>
              浏览56000人
            </View>
          </View>
        </View>
        <View className='interval' />

        <View className='column-title'>
          <Text className='column-name'>基本信息</Text>
        </View>
        <View className='item-lawyer'>
            <View className='line'>
              <Text className='title'>姓名：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>性别：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>出生日期：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>学历：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>毕业院校：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>专业名称：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>职称：</Text>
              <Text className='name'></Text>
            </View>
            <View className='line'>
              <Text className='title'>工作年限：</Text>
              <Text className='name'></Text>
            </View>
            <Text className='title'>企业名称：</Text>
            {isVip&&<Text className='name'>企业名称</Text>}
            {!isVip&&<View className='name'>
                <Text>*******</Text>
                <Text className='vip'>(VIP会员可见)</Text>
            </View>}
        </View>
        <View className='interval' />

        <View className='column-title'>
          <Text className='column-name'>求职信息</Text>
        </View>
        <View className='item-lawyer'>
          <View className='line'>
            <Text className='title'>求职类型：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>求职职位：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>意向地区：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>期盼薪资：</Text>
            <Text className='name'>内容</Text>
          </View>
        </View>
        <View className='interval' />


        <View className='column-title'>
          <Text className='column-name'>执业信息</Text>
        </View>
        <View className='item-lawyer'>
          <View className='line'>
            <Text className='title'>执业资格：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>注册情况：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>开始执业：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>专业类别：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>其他资格：</Text>
            <Text className='name'>内容</Text>
          </View>
        </View>
        <View className='interval' />


        <View className='column-title'>
          <Text className='column-name'>转回要求</Text>
        </View>
        <View className={'item-lawyer-desc'}>
          云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区云南-昆明-五华区
        </View>
        <View className='interval' />


        <View className='column-title'>
          <Text className='column-name'>工作经历</Text>
        </View>
        <View className='item-lawyer'>
          <View className='line'>
            <Text className='title'>企业名称：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>工作职位：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>开始时间：</Text>
            <Text className='name'>内容</Text>
          </View>
          <View className='line'>
            <Text className='title'>职位描述：</Text>
            <Text className='name'>内容</Text>
          </View>
        </View>
        <View className='interval' />

        <View className='item-lawyer'>
          <View className='line'>
            <Text className='title'>联系人：</Text>
            {isVip&&<Text className='name'>企业名称</Text>}
            {!isVip&&<View className='name'>
                <Text>*******</Text>
                <Text className='vip'>(VIP会员可见)</Text>
            </View>}
          </View>
          <View className='line'>
            <Text className='title'>联系电话：</Text>
            {isVip&&<Text className='name'>企业名称</Text>}
            {!isVip&&<View className='name'>
                <Text>*******</Text>
                <Text className='vip'>(VIP会员可见)</Text>
            </View>}
          </View>
          <View className='line'>
            <Text className='title'>微信号：</Text>
            {isVip&&<Text className='name'>企业名称</Text>}
            {!isVip&&<View className='name'>
                <Text>*******</Text>
                <Text className='vip'>(VIP会员可见)</Text>
            </View>}
          </View>
          <View className='line'>
            <Text className='title'>QQ号：</Text>
            {isVip&&<Text className='name'>企业名称</Text>}
            {!isVip&&<View className='name'>
                <Text>*******</Text>
                <Text className='vip'>(VIP会员可见)</Text>
            </View>}
          </View>
        </View>
        <View className='interval' />
        <Report />

        <PageFooterInfo />
      </View>
    )
  }
}

export default Detail
